<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">

    <a4j:form id="frmFichas">
    <rich:panel id="pnlFiltroD" header="#{general.filtrosBusqueda}">
                <h:panelGrid id="pngFiltro" columns="8">
                    <h:outputText id="outFiltro" value="#{general.filtro}:" styleClass="texto_negrita_derecha"/>
                    <h:selectOneMenu id="slmFiltroBuscarFicha" value="#{gestorFichas.filtroBusqueda}">
                        <f:selectItem id="itmCedula" itemValue="cedula" itemLabel="Cedula"/>
                        <f:selectItem id="itmNombre" itemValue="nombre" itemLabel="Apellido"/>
                        
                        <a4j:support id="supFiltros" event="onchange" ajaxSingle="true"/>
                    </h:selectOneMenu>

                    <h:inputText id="idValorBuscar" value="#{gestorFichas.nombre}" title="Valor"
                                 maxlength="10">
                        <a4j:support id="supTexto" event="onchange" ajaxSingle="true"/>
                    </h:inputText>


                    <a4j:commandButton id="btnBuscarUsuarioF" value="Buscar" title="Buscador Ficha" reRender="pnlFiltroD,pnlResultadoFicha"
                                       actionListener="#{gestorFichas.buscar}"  immediate="true">
                        
                    </a4j:commandButton>
                    
                    


                </h:panelGrid>
            </rich:panel>
        <rich:panel id="pnlResultadoFicha" header="Listado de Fichas">
            <rich:dataTable id="tblFichas" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                            onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                            cellpadding="0" cellspacing="0"
                            width="700" rows="5" border="0" var="row" value="#{gestorFichas.listadoActual}" binding="#{gestorFichas.tablaFichas}" rendered="true">
                <rich:column label="#{general.codigo}" >
                    <f:facet name="header">
                        <h:outputText id="outCodigo" value="#{general.codigo}" title="#{general.codigo}"/>
                    </f:facet>
                    <h:outputText value="#{row.codigo}"></h:outputText>
                </rich:column>
                <rich:column label="Tipo">
                    <f:facet name="header">
                        <h:outputText id="outTipo" value="Tipo" title="Tipo"/>
                    </f:facet>
                    <h:outputText value="#{row.tipo}"></h:outputText>
                </rich:column>
                <rich:column label="Cedula">
                    <f:facet name="header">
                        <h:outputText id="outCedula" value="Cedula" title="Cedula"/>
                    </f:facet>
                    <h:outputText value="#{row.cedula}"></h:outputText>
                </rich:column>
                
                
                
                <rich:column label="Nombres">
                    <f:facet name="header">
                        <h:outputText id="outNombre" value="Nombre" title="Nombre"/>
                    </f:facet>
                    <h:outputText value="#{row.nombres}"></h:outputText>
                </rich:column>
                
                
                
              
                <rich:column label="Apellidos">
                    <f:facet name="header">
                        <h:outputText id="outApellidos" value="Apellidos" title="Apellidos"/>
                    </f:facet>
                    <h:outputText value="#{row.apellidos}"></h:outputText>
                </rich:column>

                <rich:column>
                    <f:facet id="fctClmAcciones" name="header">
                        <h:outputText id="outClmAcciones" value="Acciones" title="Acciones a ejecutar sobre el registro"/>
                    </f:facet>

                    <div id="divAcciones" align="center">
                        <a4j:commandButton id="btnAccionEliminar" action="#{gestorFichas.eliminar}" value="Eliminar"
                                           image="/imagenes/close.png" title="Eliminar" reRender="pnlResultadoFicha"/>
                        <a4j:commandButton id="btnAccionModificar" action="#{gestorFichas.editar}" value="Ver"
                                           image="/imagenes/book_open.ico" title="Permite visualiza el detalle de un registro."/>
                        <a4j:commandButton id="btnAccionConsulta" action="#{gestorFichas.consulta}" value="Nueva Consulta"
                                           image="/imagenes/book_open.ico" title="Creacion rapida de Consulta a Paciente."/>


                    </div>
                </rich:column>
                <f:facet id="fctPieDetalle" name="footer">
                    <rich:datascroller id="dtsDetalleProforma" for="tblFichas"/>
                </f:facet>
            </rich:dataTable>
        </rich:panel>
        <h:panelGrid id="pngBtnResultado" columns="2" cellspacing="5px">

            <a4j:commandButton id="btnNuevo" value="Nueva" action="#{gestorFichas.nuevo}"
                               title="Crear una nueva localidad." ajaxSingle="true"/>
            <a4j:commandButton id="btnCerrar" value="Cerrar" action="#{gestorFichas.cerrar}"
                               title="Cierra el formulario." reRender="frmFichas,pnlResultadoFicha" ajaxSingle="true"/>
        </h:panelGrid>
    </a4j:form>
</ui:composition>